
<template>
    <div class="home">
      <Layout>
        <Header v-if="show">
          <import-JSON></import-JSON>
        </Header>
      </Layout>
    </div>
</template>

<script setup lang="ts">

import { ref, onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted } from 'vue'
import importJSON from '@/components/importJSON.vue';
  const show = ref(true)
  const menuActive = ref(1)
  const select = ref(null)
  const ruler = ref(false)

  onBeforeMount(()=>{
    console.log('---挂载之前---');
   })
   onMounted(()=>{
    console.log('---挂载---');
   })
   onBeforeUpdate(()=>{
    console.log('---更新之前---');
   })
   onUpdated(()=>{
    console.log('---更新---');
   })
   onBeforeUnmount(()=>{
    console.log('---卸载之前---');
   })
   onUnmounted(()=>{
    console.log('---卸载---');
   })

</script>
